<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      /* 
          :link用来表示没访问过的连接（正常的连接即访问过的）
        
        */
      a:link {
        color: tomato;
        font-size: 10px;
      } /*
         visited表示访问过的
        
            由于隐私的原因,所以visited这个伪类只能修改链接的颜色
        */
      a:visited {
        color: violet;
        font-size: 50px;
      }
      a:hover {
        color: yellowgreen;
        font-size: 50px;
      }

      /* :hover用来表示鼠标移入的状态 */

      /* :active表示鼠标点击 */
      a:active {
        color: white;
        font-size: 10px;
      }
    </style>
  </head>
  <body>
    <a href="https://www.bilibili.com">BILIBILI</a>
    <br /><br />
    <a href="https://www.bilibili1.com">bilibili1</a>
  </body>
</html>
